<h3>
  组件交互 <small>（代码对应目录为：app/interactions）</small>
</h3>

<br><hr>
<div class="row">
  <div class="col-sm-3 col-md-3 col-lg-3">
    <ul class="nav nav-pills nav-stacked">
      <li role="presentation"><a [routerLink] = "['userage1']">父子组件交互</a></li>
      <li role="presentation"><a [routerLink] = "['userage2']">非父子组件交互</a></li>
      <li role="presentation"><a [routerLink] = "['userage3']">局部变量实现交互</a></li>
      <li role="presentation"><a [routerLink] = "['userage4']">@ViewChild注入实现交互</a></li>
    </ul>
  </div>
  <div class="col-sm-7 col-md-7 col-lg-7" style="background-color: aquamarine; min-height: 400px;">
    <router-outlet></router-outlet>
  </div>
</div>
